//消息公告
setInterval(function(){
    $(".notice-cont ul").animate({
        top:-40
    },500,function(){
        $(".notice-cont ul").css("top",0);
        $(".notice-cont ul li:first").appendTo(".notice-cont ul");
    })
},1500)

// 热门试用
$(".hot-item").hover(function () {
    $(this).find(".item-hide").stop().slideDown(300);
},function () {
    $(this).find(".item-hide").stop().slideUp(300);
})
//标题选项卡
$(".common-title").find("a").click(function () {
    $(this).addClass("on").siblings().removeClass("on");
})
// 近7日和月榜
$(".type-list>span").click(function () {
    $(this).addClass("on").siblings().removeClass("on");
    var index=$(this).index();
    // console.log(index);
    $("#article-list>div").eq(index).removeClass("none").siblings().addClass("none")

})
//点击展开更多
$(".load-txt").click(function () {
    $(".load-trial-wrap").hide();
    $(".hot-trial-scroll").css(
        'max-height','none'
    )
    $(".look-all").show();
})

//体验文章评分榜
$(".next-btn").click(function () {
    $(".prev-btn").removeClass("none");
    $(".top-list-box ul").css({
        'margin-left':-1062+'px'
    })
})
$(".prev-btn").click(function () {
    $(".prev-btn").addClass("none");
    $(".top-list-box ul").css({
        'margin-left':-30+'px'
    })
})

// 返回顶部
$(".top-icon").click(function () {
    $("html,body").animate({
        scrollTop:0
    },500)
})

$(".query-speed-box").hover(function () {
    $(this).find(".query-content").show()
},function () {
    $(this).find(".query-content").hide()
})


$(window).scroll(function(){
    var topH = $(this).scrollTop();
    // console.log(topH);
    if(topH>=300){
        $('.to-top').fadeIn(300);
    }else{
        $('.to-top').fadeOut(300);
    }
});




// 精品推荐懒加载

var num = 20;
var page = 1;
var isLoad = true;
$(window).scroll(function () {


    var lineH = $('.footer').offset().top;//获取滚动加载提示的分割线的距离文档顶部的距离

    var clientH = $(window).height();//clientH: 窗口的高度

    var scrollH = $(this).scrollTop();//scrollH: 滚动条在Y轴上的滚动过距离。
    if((scrollH+clientH)>=(lineH-200)){
        console.log("可以开始加载数据了。。。")

        if(!isLoad) return;

        loadImg();
    }else {
        // console.log("分割线的距离:",lineH,"窗口高度:",clientH,'当前滚动距离',scrollH);
    }
});


    loadImg();


    function loadImg() {
        isLoad = false;
        $.ajax({
            url:"http://jg.com/productdata",
            method:"get",
            dataType:"json",
            data:{
                num:num,
                page:page
            },
            success:function (res) {
                console.log(res);
                page++;
                var str='';
                $.each(res,function (index,item) {
                    // console.log(item);
                    str += '   <li>\n' +
                        '                        <a href="" class="pos-rel">\n' +
                        '                            <div class="choice-img-box pos-rel">\n' +
                        '                                <img data-original="http:'+item.imgUrl+'" alt="" >\n' +
                        '                            </div>\n' +
                        '                            <div class="desc-box">\n' +
                        '                                <div class="d-title">\n' +item.title +'\n' +
                        '                                </div>\n' +
                        '                                <div class="d-number">\n' +
                        '                                    <span class="gray ft-12">\n' +
                        '                                        <span> '+item.dNum0 +'</span>\n' +
                        '                                        <span class="pull-right">'+item.dNum1+'</span>\n' +
                        '                                    </span>\n' +
                        '\n' +
                        '                                </div>\n' +
                        '                            </div>\n' +
                        '                            <span class="tag new">新品</span>\n' +
                        '                        </a>\n' +
                        '                    </li>'

                })
                $('.respond').append(str);
                isLoad =true;

                $(".choice-img-box img").lazyload({
                    placeholder:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1578838171441&di=fd92f47884c3f64518c2a2bbc696d387&imgtype=0&src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2F3f3642ab7eb186e174b25a4b1b17b2f3df6cf43af647-r8ef8I_fw658",// 图片占位图
                    effect:'fadeIn',
                    threshold: 200, // 提前开始加载
                })
            }

        });
    }





